<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/index/common.css">
    <link rel="stylesheet" href="../static/index/index.css">

    <script src="../static/js/jquery.js"></script>
    <script src="../static/bootstrap/js/bootstrap.min.js"></script>
    <script src="../static/echarts/echarts.min.js"></script>
    <script src="../static/index/index.js"></script>
    <title>Title</title>
</head>

<body>

<div class="top-logo"></div>

<div class="main-top">

    <div class="main-top-left">
        <div class="line-number">
            <h2>昨日支出</h2>
            <h1>999.99</h1>
            <h2>昨日收入</h2>
            <h1>111.11</h1>
        </div>

        <div id="lineStaticties" class="line-staticties"></div>
    </div>

    <div class="main-top-right">
        <div class="main-top-right-top">
            <h1>我的余额</h1>
        </div>

        <div class="main-top-right-middle">
            <h3>账户可用余额（元）</h3>
            <h1>9999.99</h1>
        </div>

        <div class="main-top-right-bottom">
            <ul>
                <li><a href="Recharge.html">充值</a></li>
                <li><a href="#">转账</a></li>
                <li><a href="Withdrawal.html">提现</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="main-bottom">
    <div class="main-bottom-left">
        <h1 class="table-title">流水信息表格</h1>
        <button class="btn btn-default search-button" type="submit">Button</button>
        <input type="email" class="serch-input form-control" id="" placeholder="关键字">
        <table class="table">
            <thead>
            <th>111111111</th>
            <th>2222222222</th>
            <th>333333333</th>
            <th>44444444</th>
            <th>55555555555</th>
            <th>666666666</th>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="main-bottom-right">
        <h1 class="table-title">银行卡信息</h1>
        <table class="table">
            <thead>
            <th>所属银行</th>
            <th>银行卡类型</th>
            <th>银行卡号</th>
            <th>所属账号</th>
            </thead>
            <tbody>
            <tr>
                <td>邮储银行</td>
                <td>信用卡</td>
                <td>3451241243593559</td>
                <td>***</td>
            </tr>
            <tr>
                <td>招行银行</td>
                <td>信用卡</td>
                <td>513531536366</td>
                <td>*****</td>
            </tr>
            <tr>
                <td>中国银行</td>
                <td>信用卡</td>
                <td>34315315311</td>
                <td>*****</td>
            </tr>
            </tbody>
        </table>

    </div>
</div>
</body>
</html>